<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	template="/template/template_dialog.xhtml">
	<ui:define name="head">
		<title>覆冰监测</title>
		<link rel="stylesheet"
			href="/resources/plugins/datatables/dataTables.bootstrap.css" />
		<link href='/resources/bootstrap/css/bootstrap-datetimepicker.min.css'
			rel='stylesheet' />
		<style>
		.no-data {
    height: 250px;
    margin-top: 40px;
    margin-left: 30px;
}
.minimal{
	margin-right:10px !important;
	display:none;
}
.selected{
	font-size:20px;
	font-weight:bolder;
	text-shadow: 0 0 6px black;
}

</style>

	</ui:define>
	<ui:define name="content">
		<div class="col-lg-12 col-xs-12" style="margin-top:20px;margin-bottom:10px;height:90px;">
			<div class="info-box" style="margin-bottom:0;">
				<span class="info-box-icon bg-aqua "><i
					class="fa fa-snowflake-o"></i></span>
				<div class="info-box-content">
					<ul>
						<li class="info-box-text" style="font-size: 28px;">
							#{request.getParameter('lineName')}
						</li>
						<li class="info-box-text" style="font-size: 18px;">
							<small id="towerNoStr" style="margin:5px;color:gray;"> 号杆塔</small>
						</li>
					</ul>
				</div>
			</div>
		</div>
		<div class="col-lg-12 col-xs-12">
			<div class="box box-primary">
				<div class="box-body">
					<h3 style="margin-top: 0;">
						覆冰记录
						<small style="margin-left: 5px;">设备编号：#{request.getParameter('monitorId')}</small>
					</h3>
					<nav class="navbar navbar-default" style="background-color: #00a8fb;color: white;">
						<div class="navbar-form navbar-left">
							<div class="form-group">
								<label class="checkbox-inline selected"><input name="selectTime" value="0" class="minimal" type="radio" checked="checked" />24小时 </label> 
								<label class="checkbox-inline"><input name="selectTime" value="1" class="minimal" type="radio" />48小时 </label> 
								<label class="checkbox-inline"><input name="selectTime" value="2" class="minimal" type="radio" />最近一周 </label> 
								<label class="checkbox-inline"><input name="selectTime" value="3" class="minimal" type="radio"/>最近一月 </label> 
								<label class="checkbox-inline"><input name="selectTime" value="4" class="minimal" type="radio"/>自定义</label> 
							</div>
						</div>
						<div class="navbar-form navbar-right">
							<div id="queryDiv" style="display:none;" class="input-group">
								<div class="form-group">
									<input type="text" class="form-control" id="start" /> 
									<input type="text" class="form-control" id="end" />
								</div>
								<button class="btn btn-default" onclick="query()">查询</button>
							</div>
						</div>
					</nav>
					<div id="iceChart" style="height: 450px;" />
					<div id="loading" style="display:none;height:450px;" >加载中...</div>
					<div id="noIceData" class="noIceData" style="height: 450px;" >该时间段内未查到数据</div>
				</div>
			</div>
		</div>
	</ui:define>
	<ui:define name="contentend">
		<script src="/resources/plugins/echarts/echarts.min.v3.7.2.js"></script>
		<script src="/resources/js/mycharts/categoryLineChart.js"></script>
		<script src="/resources/js/tables/mytable.js"></script>
		<script src="/resources/plugins/datatables/jquery.dataTables.min.js"></script>
		<script
			src="/resources/plugins/datatables/dataTables.bootstrap.min.js"></script>
		<script src="/resources/bootstrap/js/bootstrap-datetimepicker.min.js"></script>
		<script type="text/javascript" src="iceWarningMonitorDialog.js"></script>
		<script>
			var params = getRequestParams();
			$("#towerNoStr").html(params.towerNo+"号杆塔");
			var con = new Controller();
			function query(){
				con.query();
			}
			$('input[name="selectTime"]').click(function(param){
				var index = param.target.value;
				con.setIndex(index);
			});
			init();
		</script>
	</ui:define>
</ui:composition>



